@CHARSET "ISO-8859-1";
/* test */
body{
    /*
background-color: #5D003A;
background: -moz-linear-gradient(top,  #400028,  #5D003A);*/

/*background: #ffffff; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#5D003A'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#5D003A)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #000000,  #5D003A); /* for firefox 3.6+ */
/*
height:900px;
*/
    
}
body div.top{
	padding-top:60px;
}
img{
	border:0px
}
a{
	border:0px;
	text-decoration:none;	
}
a:link {color:#ffffff;}      /* unvisited link */
a:visited {color:#ffffff;}  /* visited link */
a:hover {color:#02CC02;}  /* mouse over link */
a:active {color:#02CC02;}  /* selected link */

#contentPageHeader{
	width:1000px;	
	/*
border:solid 1px #ffffff;
*/
}
#contentPageUnderHeader{
	border-top:solid 1px #ffffff;
	/*
position:relative;
	top:;
*/
}
#contentPageHeaderMenu{	
		
	padding-top:12px;
	height:100px;
}
#HeadeBarL{
	background-image:url(/image/);
}
.HeaderMenuName{
	position:relative;
	float:left;	
	color:#ffffff;
	font-size:15px;
	font-family:Verdana;
	margin:15px 10px 0px 10px;
	cursor:hand;
	
}

.HeaderMenuNameLogo{
	position:relative;
	float:left;	
	color:#ffffff;
	font-size:15px;
	font-family:Verdana;
	margin:0px 40px 0px 10px;
	cursor:hand;
	top: -17px;
	
	
}
.menu-font{
    font-family:Helvetica, Arial, sans-serif;
    font-size:
    14px;
    font-weight: bold;
    line-height:
    34px;
    text-shadow:
    0 -2px 1px #1D1D1D;
    text-transform: uppercase;
}

.HeaderMenuEmail{
	position:fixed;		
	right:260px;	
	top:30px;	
}

#HeaderMenuHome:hover{
	
}



#contentPageBody{
	width:1000px;
	/*
border:solid 1px #ffffff;
*/
}



/* ****************** SCROLABLE *************************** */

 /*
 root element for the scrollable.
 when scrolling occurs this element stays still.
 */
.scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 400px;
}

/*
 root element for scrollable items. Must be absolutely positioned
 and it should have a extremely large width to accommodate scrollable items.
 it's enough that you set width and height for the root element and
 not for this element.
 */
.scrollable .items {
    /* this cannot be too large */
    width: 15000em;
    position: absolute;
}

/*
 a single item. must be floated in horizontal scrolling.
 typically, this element is the one that *you* will style
 the most.
 */
.items div {
    float: left;
}

/* position and dimensions of the navigator */
.navi {
	margin-left:180px;
	width:150px;
	height:15px;
	
}


/* items inside navigator */
.navi a {
	width:15px;
	height:15px;
	float:left;
	margin:3px;
	background:url(/image/btn-hero.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -15px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -15px;     
}

div.wrapper {
    width: 1000px;
}

div.left_column {
    width: 500px;
    float: left;    
    vertical-align: middle;
	
	
}
div.right_column {
    width: 500px;
    float: right;    
    vertical-align: middle;
	
}

hr {
    clear: both;
    display: block;
    visibility: hidden;
}
.ScrolText{
	width:460px;
	font-family:Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-shadow: 0 -2px 1px #1D1D1D;    
	color:#ffffff;
	text-align:center;	
}
.ScrolTextTitle{
	text-align:center;
	width:460px;
	color:#FAFAFA;
	font:50px/53px Helvetica,Arial,sans-serif;
	padding:25px 0 11px;
	text-shadow:0 -2px 1px #0E0E0E;
}		 
.ScrolTextBody{
	text-align:center;
	width:460px;
	color:#C6C6C6;
	font:16px/20px Helvetica,Arial,sans-serif;
	text-shadow:0 -1px 1px #191919;
	
} 
 /*
  * font-size:16px;
  * line-height:34px;
  */*/
 